import { Pinterest, PinterestItem } from './components/Pinterest'

function App() {
    return (
        <div>
            <div style={{ display: 'flex', justifyContent: 'center' }}>
                <Pinterest width={1200} itemWidth={250} colLength={4}>
                    <PinterestItem>
                        <div style={{ height: '245px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '845px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '245px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '245px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '245px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '545px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '545px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '245px' }}></div>
                    </PinterestItem>
                    <PinterestItem>
                        <div style={{ height: '225px' }}></div>
                    </PinterestItem>
                </Pinterest>
            </div>
            555
        </div>
    )
}

export default App
